import * as echarts from 'echarts';
export const option1 = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      crossStyle: {
        color: '#999'
      }
    }
  },
//   toolbox: {
//     feature: {
//       dataView: { show: true, readOnly: false },
//       magicType: { show: true, type: ['line', 'bar'] },
//       restore: { show: true },
//       saveAsImage: { show: true }
//     }
//   },
  legend: {
    data: ['到店', '上门', '到店占比','上门占比']
  },
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      axisPointer: {
        type: 'shadow'
      }
    }
  ],
  yAxis: [
    {
      type: 'value',
    //   name: '上门',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        formatter: '{value} '
      }
    },
    {
      type: 'value',
    //   name: 'Temperature',
      min: 0,
      max: 25,
      interval: 5,
      axisLabel: {
        formatter: '{value} '
      }
    }
  ],
  series: [
    {
      name: '到店',
      type: 'bar',
    //   tooltip: {
    //     valueFormatter: function (value) {
    //       return value + ' ml';
    //     }
    //   },
      data: [
        50, 230, 50, 60, 50,100, 90
      ]
    },
    {
      name: '上门',
      type: 'bar',
    //   tooltip: {
    //     valueFormatter: function (value) {
    //       return value + ' ml';
    //     }
    //   },
      data: [
        100, 80, 90, 110, 150, 110
      ]
    },
    {
      name: '到店占比',
      type: 'line',
      yAxisIndex: 1,
    //   tooltip: {
    //     valueFormatter: function (value) {
    //       return value + ' °C';
    //     }
    //   },
        areaStyle: {
        opacity: 0.4,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: 'rgb(1, 191, 236)'
          },
          {
            offset: 1,
            color: 'rgb(135, 0, 157)'
          }
        ])
      },
      data: [4, 2, 6, 2, 10, 10, 23,]
    },
     {
      name: '上门占比',
      type: 'line',
      yAxisIndex: 1,
    //   tooltip: {
    //     valueFormatter: function (value) {
    //       return value + ' °C';
    //     }
    //   },
         areaStyle: {
        opacity: 0.3,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: 'rgb(128, 255, 165)'
          },
          {
            offset: 1,
            color: 'rgb(1, 191, 236)'
          }
        ])
      },
      data: [4, 10, 5, 25, 20, 5, 10,]
    }
  ]
};